<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
</head>
<body>
	<div class="content-wrapper" th:fragment="folders">
		<h3>文件夹管理</h3>
		
		<div class="row">
			<div class="col-sm-3">
			     <div style="text-align: right;">
				     <button addfolderId=""  id="addFolder"  onclick="new tongfusoft.folders().add(this)" type="button" data-toggle="modal" class="detBtn btn btn-default btn-sm "><em class="fa fa-plus"></em></button>
				     <button editfolderId="" id="editFolder" onclick="new tongfusoft.folders().edit(this)" type="button" data-toggle="modal" class="detBtn btn btn-default btn-sm "><em class="fa fa-edit"></em></button>
				     <button delFolderId="" id="delFolder" onclick="new tongfusoft.folders().del(this)" type="button" data-toggle="modal" class="detBtn btn btn-default btn-sm "><em class="fa fa-trash"></em></button>			    
			     </div>				
				<div id="treeview2" class=""></div>
			</div>
			 <div class="col-sm-7" id="foldersUp" style="display: none;margin-top: 32px;">
			  	
                  <!-- START panel-->
                  <div class="panel panel-default" >
                     <div class="panel-heading" id="title">修改</div>
                     <div class="panel-body">
                        <form class="form-horizontal" id="foldersForm">
                       		 <div class="form-group">
	                              <label class="col-lg-3 control-label" id="currFolerName">上级文件夹名称：</label>
	                              <div class="col-lg-9">
	                               <p class="form-control-static" id="rootFolderName" ></p>
	                              </div>
                             </div>
                           <div class="form-group">
                              <label class="col-lg-3 control-label" id="newFolerName">文件夹名称：</label>
                              <div class="col-lg-9">
                                 <input type="text"  id="folderName" name="folderName" required="" minlength="2" class="form-control"/>
                              </div>
                           </div>
                           <div class="form-group">
                              <div class="col-lg-offset-2 col-lg-10" style="text-align: right;">
                                 <button type="button" id="submitBtn"  class="btn btn-sm btn-primary">保存</button>
                              </div>
                           </div>
                           <input type="hidden" id="folderId" name="folderId"/> 
                          <input type="hidden" id="nodeId" name="nodeId"/> 
                           <input type="hidden" id="opr" name="opr"/> 
                           <input type="hidden" id="parentName" /> 
                           <input type="hidden" id="currentName" /> 
                           <input type="hidden" id="nodesNum" /> 
                           
                        </form>
                     </div>
                  </div>
                  <!-- END panel-->
               </div>
		</div>
	</div>



	<div th:fragment="folders_js">
		<!-- bootstrapTree -->
		<script th:src="@{/business/bootstrapTree/bootstrap-treeview.js}"></script>
		
		<script th:src="@{/business/manager/folders/folders.js}"></script>

	</div>


</body>
</html>